<template>
    <div>
      <el-dialog append-to-body title="伪线索上报" :visible.sync="open">
        <el-form ref="form" :model="form" :rules="rules">
          <el-form-item label="原因" prop="reason" >
       <el-select v-model="form.reason">
         <el-option v-for="item in dict.type.reasons_for_reporting" :label="item.label" :key="item.value" :value="item.label">

         </el-option>     </el-select>
          </el-form-item>
          <el-form-item label="备注" prop="remark" >
            <el-input v-model="form.remark" type="textarea" autocomplete="off"></el-input>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogFormVisible = false">取 消</el-button>
          <el-button type="primary" @click="submitForm">确 定</el-button>
        </div>
      </el-dialog>
    </div>
</template>

<script>
  import {falseClue} from '@/api/crm/cluetrack'
    export default {
        name: "false-clue",
      dicts:['reasons_for_reporting'],
      data(){
          return{
          form:{},
            open:false,
            id:null,
            rules: {
              reason: [{required: true, message: '原因不能为空', trigger: 'blur'}]
            }
          }
      },
      created() {
      },
      methods:{
        submitForm(){
        this.$refs.form.validate(valid=>{
          if(valid){
           this.form.id= this.id
            console.log(this.form.id)
            console.log(this.id)
            falseClue(this.form).then(()=>{
              this.$message.success('操作成功');
              this.open=false;
              this.$emit('ok')
            })
          }
        })
        },
        restForm(){
          this.form={
            reason:null,
            remark:null
          }
        }
      }
    }
</script>

<style scoped>

</style>
